@include('home\header')

<script type="text/javascript">
        $(document).ready(function() {
            $(".dropdown img.flag").addClass("flagvisibility");

            $(".dropdown dt a").click(function() {
                $(".dropdown dd ul").toggle();
            });
                        
            $(".dropdown dd ul li a").click(function() {
                var text = $(this).html();
                $(".dropdown dt a span").html(text);
                $(".dropdown dd ul").hide();
                $("#result").html("Selected value is: " + getSelectedValue("sample"));
            });
                        
            function getSelectedValue(id) {
                return $("#" + id).find("dt a span.value").html();
            }

            $(document).bind('click', function(e) {
                var $clicked = $(e.target);
                if (! $clicked.parents().hasClass("dropdown"))
                    $(".dropdown dd ul").hide();
            });


            $("#flagSwitcher").click(function() {
                $(".dropdown img.flag").toggleClass("flagvisibility");
            });
        });
     </script>
     <!----details-product-slider--->
				<!-- Include the Etalage files -->
					<link rel="stylesheet" href="{{asset('css/etalage.css')}}">
					<script src="{{asset('js/jquery.etalage.min.js')}}"></script>
				<!-- Include the Etalage files -->
				<script>
						jQuery(document).ready(function($){
			
							$('#etalage').etalage({
								thumb_image_width: 300,
								thumb_image_height: 400,
								
								show_hint: true,
								click_callback: function(image_anchor, instance_id){
									alert('Callback example:\nYou clicked on an image with the anchor: "'+image_anchor+'"\n(in Etalage instance: "'+instance_id+'")');
								}
							});
							// This is for the dropdown list example:
							$('.dropdownlist').change(function(){
								etalage_show( $(this).find('option:selected').attr('class') );
							});

					});
				</script>

</head>
<body>
@include('home\nav')
     <div class="main">
      <div class="shop_top">
		<div class="container">
			<div class="row">
				<div class="col-md-9 single_left">
				   <div class="single_image">
					     <ul id="etalage">
							<li>
								<a href="optionallink.html">
									<img class="etalage_thumb_image" src="{{asset('images/3.jpg')}}" />
									<img class="etalage_source_image" src="{{asset('images/3.jpg')}}" />
								</a>
							</li>
							<li>
								<img class="etalage_thumb_image" src="{{asset('images/4.jpg')}}" />
								<img class="etalage_source_image" src="{{asset('images/4.jpg')}}" />
							</li>
							<li>
								<img class="etalage_thumb_image" src="{{asset('images/5.jpg')}}" />
								<img class="etalage_source_image" src="{{asset('images/5.jpg')}}" />
							</li>

						</ul>
					    </div>
				        <!-- end product_slider -->
				        <div class="single_right">
				        	<h3>悍马越野车</h3>
				        	<p class="m_10">
				        		该自行车镀了24K黄金，全身用600颗高品质的施华洛世奇水晶进行点缀，每辆自行车价格为6.7万英镑（约合人民币67万元）。
								
				        	</p>
				        	<ul class="options">
								<h4 class="m_12">Select a Size(cm)</h4>
								<li><a href="#">151</a></li>
								<li><a href="#">148</a></li>
								<li><a href="#">156</a></li>
								<li><a href="#">145</a></li>
								<li><a href="#">162(w)</a></li>
								<li><a href="#">163</a></li>
							</ul>
				        	<ul class="product-colors">
								<h3>available Colors</h3>
								<li><a class="color1" href="#"><span> </span></a></li>
								<li><a class="color2" href="#"><span> </span></a></li>
								<li><a class="color3" href="#"><span> </span></a></li>
								<li><a class="color4" href="#"><span> </span></a></li>
								<li><a class="color5" href="#"><span> </span></a></li>
								<li><a class="color6" href="#"><span> </span></a></li>
								<div class="clear"> </div>
							</ul>
							<div class="btn_form">
							   <form>
								 <input type="submit" value="现在购买" title="">
							  </form>
							</div>
							<ul class="add-to-links">
    			              <li><img src="{{asset('images/wish.png')}}" alt=""><a href="#">加入收藏</a></li>
    			            </ul>
							<div class="social_buttons">
								<h4>95 Items</h4>
								<button type="button" class="btn1 btn1-default1 btn1-twitter" onclick="">
					              <i class="icon-twitter"></i> Tweet
					            </button>
					            <button type="button" class="btn1 btn1-default1 btn1-facebook" onclick="">
					              <i class="icon-facebook"></i> Share
					            </button>
					             <button type="button" class="btn1 btn1-default1 btn1-google" onclick="">
					              <i class="icon-google"></i> Google+
					            </button>
					            <button type="button" class="btn1 btn1-default1 btn1-pinterest" onclick="">
					              <i class="icon-pinterest"></i> Pinterest
					            </button>
					        </div>
				        </div>
				        <div class="clear"> </div>
				</div>
				<div class="col-md-3">
				<form action="{{url('shoppingadd/'.$goods_id)}}" method="post">
					{{csrf_field()}}
				  <div class="box-info-product">
					<p class="price2">$130.25</p>
					       <ul class="prosuct-qty">
								<span>数量:</span>
								<select name="number">
									<option>1</option>
									<option>2</option>
									<option>3</option>
									<option>4</option>
									<option>5</option>
									<option>6</option>
								</select>
							</ul>
							<button type="submit" class="exclusive">
							   <span>加入购物车</span>
							</button>
				   </div>
				</form>
			   </div>
			</div>		
			<div class="desc">
			   	<h4>描述</h4>
			   	<p>每一辆自行车都是工厂工人用纯手工打造,自行车手柄选用高档皮革,通过人工缝制而成,棕色车座也是精心制作,让顾客有种怀旧的感觉。
此外,生产公司的名称被雕刻在自行车横杠上,自行车的型号标识利用金叶嵌入一块皮革上,粘贴在自行车的前部。
这家公司考虑到成本,在全球只限量生产了10辆,其中一辆就被英国一名顾客买走,这位买家将自行车悬挂在自己的墙壁上,把其当作一件艺术品。
车身用600颗高品质的施华洛世奇水晶进行点缀。</p>
			</div>
			<div class="row">
				<h4 class="m_11">相关</h4>
				<div class="col-md-4 product1">
					<img src="{{asset('images/s1.jpg')}}" class="img-responsive" alt=""/> 
					<div class="shop_desc"><a href="single.html">
						</a><h3><a href="single.html"></a><a href="#">aliquam volutp</a></h3>
						<p>Lorem ipsum consectetuer adipiscing </p>
						<span class="reducedfrom">$66.00</span>
						<span class="actual">$12.00</span><br>
						<ul class="buttons">
							<li class="cart"><a href="#">加入购物车</a></li>
							<li class="shop_btn"><a href="#">详情</a></li>
							<div class="clear"> </div>
					    </ul>
				    </div>
				</div>
				<div class="col-md-4 product1">
					<img src="{{asset('images/s2.jpg')}}" class="img-responsive" alt=""/> 
					<div class="shop_desc"><a href="single.html">
						</a><h3><a href="single.html"></a><a href="#">aliquam volutp</a></h3>
						<p>Lorem ipsum consectetuer adipiscing </p>
						<span class="reducedfrom">$66.00</span>
						<span class="actual">$12.00</span><br>
						<ul class="buttons">
							<li class="cart"><a href="#">加入购物车</a></li>
							<li class="shop_btn"><a href="#">详情</a></li>
							<div class="clear"> </div>
					    </ul>
				    </div>
				</div>
				<div class="col-md-4">
					<img src="{{asset('images/s3.jpg')}}" class="img-responsive" alt=""/> 
					<div class="shop_desc"><a href="single.html">
						</a><h3><a href="single.html"></a><a href="#">aliquam volutp</a></h3>
						<p>Lorem ipsum consectetuer adipiscing </p>
						<span class="reducedfrom">$66.00</span>
						<span class="actual">$12.00</span><br>
						<ul class="buttons">
							<li class="cart"><a href="#">加入购物车</a></li>
							<li class="shop_btn"><a href="#">详情</a></li>
							<div class="clear"> </div>
					    </ul>
				    </div>
				</div>
			</div>	
	     </div>
	   </div>
	  </div>
@include('home\footer')